<template>1111111111</template>
<script>
import formDesigner from '@common/form-designer';

const FormItemWrapper = formDesigner.getExportResource('src/form-designer/extension/form-designer/rewrite-field-widget/input-widget-rewrite.vue');
const OriginInput = formDesigner.getExportResource('src/form-designer/components/form-designer/form-widget/field-widget/input-widget.vue');

const { deepClone } = formDesigner.getExportResource('src/form-designer/utils/util.js');

export default {
  components: {
    FormItemWrapper: FormItemWrapper.default
  },
  extends: OriginInput.default,
  mounted() {
    if (this.$refs.fieldEditor && this.$refs.fieldEditor.input) {
      this.$refs.fieldEditor.input.style.fontFamily = this.field.options.fontFamily;
      this.$refs.fieldEditor.input.style.textAlign = this.field.options.contentAlign;
    }
    this.setInitDisplayText(deepClone(this.displayText));
    console.log(this, this.$el, this.$options);
  }
};
</script>
